@import "$yo-config/core/reset";
@import "$yo-config/layout/yo-root";
@import "$yo-config/layout/yo-flex";
@import "$yo-config/component/list";
@import "$yo-config/fragment/yo-list";
@import "$yo-config/element/yo-badge";
@import "$yo-config/fragment/yo-timeline";
@import "$yo-config/element/yo-loadtip";




//我就是我
.myisme{
    background-color: #FFF;
    padding: .16rem .16rem .32rem
}


//iconfont图标
.iconInterval{
    margin-right: .05rem
}

//小尾巴
.yo-badge-tag {
    border-radius: .05rem;
    background-color: #aaa;
    padding: .01rem .05rem
}

//模态框，二维码动画
.actionsheet-up {
    -webkit-animation-name: actionsheet-up;
    animation-name: actionsheet-up;
  }
  
.actionsheet-down {
-webkit-animation-name: actionsheet-down;
animation-name: actionsheet-down;
}
  
  @keyframes actionsheet-up {
      from {
          transform: translate3d(0, 100%, 0);
      }
      to {
          transform: translate3d(0, 0, 0);
      }
  }
  
  @keyframes actionsheet-down {
      from {
          transform: translate3d(0, 0, 0);
      }
      to {
          transform: translate3d(0, 100%, 0);
      }
  }
@-webkit-keyframes zoom-in-down {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoom-in-down {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.ani.zoom-in-down {
    -webkit-animation-name: zoom-in-down;
    animation-name: zoom-in-down;
}
@-webkit-keyframes zoom-out-down {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoom-out-down {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
 
.ani.zoom-out-down {
    -webkit-animation-name: zoom-out-down;
    animation-name: zoom-out-down;
}


.yo-flex {
    background-color: #f5f5f5;
}
.my-interval{
    margin-top: .2rem;
}
.yo-load{
    .yo-loadtip{
        margin-bottom: .15rem;
    }
}

.my-me {
    .header {
        display: block;
        overflow: hidden;
        background-color: #fff;
        position: relative;
        color: #000;
        padding: .11rem .1rem .12rem;
        
        img.headerImg {
            border: 0;
            vertical-align: middle;
            @include circle(.6rem, $radius: 50%);
        }
        .my-flex{
            display: inline-block;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            margin: 0 0 0 .2rem;
            top: 1rem;
            position: relative;
            top: .2rem;
            .my-introduce{
                font-size: .08rem;
            }

        }
        .my-weChar {
            position: absolute;
            top: 0.3rem;
            right: .3rem;
            img{
                width: .6rem;
                height: .6rem
            }
        }
    }
}
.my-label{
    padding: .2rem .1rem .05rem;
}
.item2 {
    width: 100%;
    background-color:#fff;
    overflow: hidden;
    color: #212121;
    position: relative;
    padding: .11rem .1rem .12rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom:.01rem #F5f5f5 solid;
    .flex{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: .1px;
        margin: 0 .1rem;
        margin-left: 0;
    }
}
